<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{ConsultaManualPage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{ConsultaManualPage.formConsulta}" id="formConsulta">
                <h:panelGrid binding="#{ConsultaManualPage.gridPanelContainer}" headerClass="headerClassDataTable" id="gridPanelContainer" style="text-align: center">
                    <h:panelGrid binding="#{ConsultaManualPage.gridPanelTop}" columnClasses="top" columns="1" id="gridPanelTop" style="text-align: center">
                        <h:panelGrid border="0" cellspacing="1" columnClasses="top" columns="2" headerClass="headerClassDataTable"
                            rowClasses="rowClassWhite,rowClassBlue" style="text-align: left" width="100%">
                            <f:facet name="header">
                                <h:outputText value="Opciones de busqueda"/>
                            </f:facet>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText binding="#{ConsultaManualPage.outputTextBusqueda}" id="outputTextBusqueda" styleClass="outputText" value="BUSQUEDA "/>
                            <h:inputText binding="#{ConsultaManualPage.campoBusqueda}" id="campoBusqueda" styleClass="textField"/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                            <h:outputText style="color: white" styleClass="outputText" value=" _ "/>
                        </h:panelGrid>
                        <h:panelGrid columns="4" style="text-align: center">
                            <h:commandButton action="#{ConsultaManualPage.buttonConsultar_action}" binding="#{ConsultaManualPage.buttonConsultar}"
                                id="buttonConsultar" styleClass="button" value="CONSULTAR"/>
                            <h:commandButton action="#{ConsultaManualPage.buttonLimpiar_action}" binding="#{ConsultaManualPage.buttonLimpiar}"
                                id="buttonLimpiar" styleClass="button" value="LIMPIAR"/>
                            <h:commandButton action="#{ConsultaManualPage.buttonCargar_action}" binding="#{ConsultaManualPage.buttonCargar}" id="buttonCargar"
                                rendered="#{SessionManualesViaWebBean.roleAdministrador}" styleClass="button" value="CARGAR"/>
                            <h:commandButton action="#{ConsultaManualPage.buttonEliminar_action}" binding="#{ConsultaManualPage.buttonEliminar}"
                                id="buttonEliminar" rendered="#{SessionManualesViaWebBean.roleAdministrador}" styleClass="button" value="ELIMINAR"/>
                        </h:panelGrid>
                        <h:panelGrid columns="1" style="text-align: center">
                            <ui:alert binding="#{ConsultaManualPage.alertMessage}" id="alertMessage" rendered="#{SessionManualesViaWebBean.renderedAlertConsulta}"/>
                        </h:panelGrid>
                    </h:panelGrid>
                    <h:panelGrid binding="#{ConsultaManualPage.gridPanelBottom}" columns="1" id="gridPanelBottom" style="text-align: center">
                        <h:dataTable binding="#{ConsultaManualPage.dataTableManuales}" headerClass="headerClassDataTable" id="dataTableManuales"
                            rendered="#{SessionManualesViaWebBean.renderedTabla}" rowClasses="rowClassBlue,rowClassWhite" rows="20"
                            value="#{SessionManualesViaWebBean.listManuales}" var="currentRow" width="100%">
                            <h:column binding="#{ConsultaManualPage.nombreManual}" id="nombreManual">
                                <h:outputText binding="#{ConsultaManualPage.outputText2}" id="outputText2" styleClass="outputTextDataTable" value="#{currentRow.nombreManual}"/>
                                <f:facet name="header">
                                    <h:outputText binding="#{ConsultaManualPage.outputText3}" id="outputText3" value="Nombre Manual"/>
                                </f:facet>
                            </h:column>
                            <h:column binding="#{ConsultaManualPage.descripcion}" id="descripcion">
                                <h:outputText binding="#{ConsultaManualPage.outputText4}" id="outputText4" styleClass="outputTextDataTable" value="#{currentRow.descripcion}"/>
                                <f:facet name="header">
                                    <h:outputText binding="#{ConsultaManualPage.outputText5}" id="outputText5" value="Descripción"/>
                                </f:facet>
                            </h:column>
                            <h:column binding="#{ConsultaManualPage.version}" id="version">
                                <h:outputText binding="#{ConsultaManualPage.outputText1}" id="outputText1" styleClass="outputTextDataTable" value="#{currentRow.nombreVersion}"/>
                                <f:facet name="header">
                                    <h:outputText value="Versión"/>
                                </f:facet>
                            </h:column>
                            <h:column binding="#{ConsultaManualPage.file}" id="file">
                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                    <h:commandButton action="#{ConsultaManualPage.linkActionFileDownload_action}" image="#{utilidadesSetup.pdfAdobeImg}" styleClass="guiaDistribucionImage"/>
                                    <h:inputHidden binding="#{ConsultaManualPage.hiddenField1}" id="hiddenField1" value="#{currentRow.rutaArchivo}"/>
                                </h:panelGrid>
                                <f:facet name="header">
                                    <h:outputText binding="#{ConsultaManualPage.outputText7}" id="outputText7" value="Fuente"/>
                                </f:facet>
                            </h:column>
                            <h:column binding="#{ConsultaManualPage.checkEliminar}" id="checkEliminar" rendered="#{SessionManualesViaWebBean.roleAdministrador}">
                                <f:facet name="header">
                                    <ui:hyperlink onClick="checkAllSeleccionGroup(); return false;">
                                        <h:outputText binding="#{ConsultaManualPage.outputText8}" id="outputText8" value="Eliminar"/>
                                    </ui:hyperlink>
                                </f:facet>
                                <h:panelGrid columns="1" style="text-align: center" width="100%">
                                    <ui:checkbox binding="#{ConsultaManualPage.checkboxEliminar}" id="checkboxEliminar" name="seleccionGroup" selectedValue="#{currentRow.idApp}-#{currentRow.idVersion}"/>
                                </h:panelGrid>
                            </h:column>
                            <f:facet name="footer">
                                <h:panelGroup binding="#{ConsultaManualPage.groupPanel1}" id="groupPanel1" style="display: block; text-align: center" styleClass="list-paging-header">
                                    <h:commandButton action="#{ConsultaManualPage.dataTableManuales_firstPageAction}"
                                        binding="#{ConsultaManualPage.dataTableManualesHeaderFirstButton}" id="dataTableManualesHeaderFirstButton"
                                        image="#{utilidadesSetup.firstPageImg}" immediate="true"/>
                                    <h:commandButton action="#{ConsultaManualPage.dataTableManuales_previousPageAction}"
                                        binding="#{ConsultaManualPage.dataTableManualesHeaderPreviousButton}" id="dataTableManualesHeaderPreviousButton"
                                        image="#{utilidadesSetup.previousPageImg}" immediate="true"/>
                                    <h:commandButton action="#{ConsultaManualPage.dataTableManuales_nextPageAction}"
                                        binding="#{ConsultaManualPage.dataTableManualesHeaderNextButton}" id="dataTableManualesHeaderNextButton"
                                        image="#{utilidadesSetup.nextPageImg}" immediate="true"/>
                                    <h:commandButton action="#{ConsultaManualPage.dataTableManuales_lastPageAction}"
                                        binding="#{ConsultaManualPage.dataTableManualesHeaderLastButton}" id="dataTableManualesHeaderLastButton"
                                        image="#{utilidadesSetup.lastPageImg}" immediate="true"/>
                                </h:panelGroup>
                            </f:facet>
                        </h:dataTable>
                    </h:panelGrid>
                </h:panelGrid>
            </ui:form>
            <script language="JavaScript" type="text/javascript">
                    function checkAllSeleccionGroup() 
                    {
                        for (i=0; i&lt;document.forms["formConsulta"].elements.length; i++) 
                        {
                            if (document.forms["formConsulta"].elements[i].type == "checkbox") 
                            {
                                if (document.forms["formConsulta"].elements[i].name == "seleccionGroup") 
                                {
                                    if(document.forms["formConsulta"].elements[i].checked)
                                    {
                                        document.forms["formConsulta"].elements[i].checked = false;        
                                    }
                                    else
                                    {
                                        document.forms["formConsulta"].elements[i].checked = true;    
                                    }
                                }
                            }
                        }
                    }    
            </script>
        </div>
    </f:view>
</jsp:root>
